<template>
      <el-container>
     
      <el-header>
        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">

           <el-menu-item index="1" ><img class="a" src="../tlc/img/快递 (1).png"/></el-menu-item>
      <el-menu-item index="0"  class="z"><router-link :underline="false" to="/wlym"> 首页</router-link></el-menu-item>
        <el-menu-item index="2"  class="z">物理服务</el-menu-item>
        <el-menu-item index="3"  class="z">智能科技</el-menu-item>
          <el-menu-item index="4"  class="z">服务支持</el-menu-item>
             <el-menu-item index="5"  class="z">可持续发展</el-menu-item>
                  <el-menu-item index="6"  class="z">投资者关系</el-menu-item>
              <el-submenu index="2"  class="z">
                <template slot="title">关于我们</template>
                <el-menu-item index="2-1">选项1</el-menu-item>
                <el-menu-item index="2-2">选项2</el-menu-item>
                <el-menu-item index="2-3">选项3</el-menu-item>
              </el-submenu>
              <div class="dd">快速登录/注册</div>
            </el-menu>

            <div class="line"></div>
            </el-header>
        
        
  

    <el-menu  :default-active="activeIndex2" class="wc" mode="horizontal"  @select="handleSelect"  background-color="#c7d6f9"
  text-color="#fff"
  active-text-color="#a0d919" style="width:100%">
      <el-menu-item index="4" class="a1"> <router-link :underline="false" to="/wljij"><img class="a" src="../tlc/img/004-查快递 (1).png"/><span class="zt">我要寄件</span></router-link><span></span></el-menu-item>
      <el-menu-item index="4" class="a2"> <router-link :underline="false" to="/wljid"><img class="a" src="../tlc/img/002-快递箱 (1).png"/><span class="zt">运单追踪</span></router-link><span></span></el-menu-item>
      <el-menu-item index="4" class="a3"> <router-link :underline="false" to="/pg"><img class="a" src="../tlc/img/005-收快递 (1).png"/><span class="zt">运费时效查询</span></router-link><span></span></el-menu-item>
</el-menu>


    <el-tabs v-model="activeName" stretch>
       <el-tab-pane label="运单追踪" name="second">
     
            <el-descriptions title="垂直带边框列表" direction="vertical" :column="4" border>
            <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
            <el-descriptions-item label="居住地" :span="2">苏州市</el-descriptions-item>
            <el-descriptions-item label="备注">
                <el-tag size="small">学校</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
            </el-descriptions>

            <el-descriptions class="margin-top" title="垂直无边框列表" :column="4" direction="vertical">
            <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
            <el-descriptions-item label="居住地" :span="2">苏州市</el-descriptions-item>
            <el-descriptions-item label="备注">
                <el-tag size="small">学校</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
            </el-descriptions>
       </el-tab-pane>
    
        <!-- <el-tab-pane label="干预计划" name="third">
            <div class="aa">
          <el-table :data="tableData2" style="width: 100%">
            <el-table-column
            prop="date"
            label="干预时间">
            <template slot-scope="scope">
              <span>{{scope.row.interposeTime}}</span>
            </template>
            </el-table-column>
            <el-table-column
            prop="name"
            label="干预形式">
            <template slot-scope="scope">
              <span>{{scope.row.interposeShape}}</span>
            </template>
            </el-table-column>
            <el-table-column
            prop="address1"
            label="主要内容">
            <template slot-scope="scope">
              <span>{{scope.row.content}}</span>
            </template>
            </el-table-column>
            
         </el-table>
        </div>
        </el-tab-pane> -->
        <template>


    </template>
           </el-tabs>
            <el-footer class="ss"> 
            <h1><img src="../tlc/img/11.png" style="width:100%"/></h1>
          </el-footer>
      </el-container>
</template>

<script>
export default {
 data() {
    return {
      activeName: 'second',
      input: ''
    }
  }
}
</script>

<style scoped>
.ss{
  width: 1500px;
   position: relative;
}
.zt{

     margin: -25px auto; 
    text-align: center;
   font-size: 25px;
   color: #000;
     position: relative;
}
.w{
  width: 1200px;
  height: 310px;
  position: relative;
    left: 20px;
    margin: -10px auto; 
   text-align: center;
}
.z{
   font-size: 18px;
   color: #000;
   
}
.a1{
  position: relative;
  left: 200px;
}
.a2{
  position: relative;
  left: 350px;
}
.a3{
  position: relative;
  left: 530px;
}

.el-carousel__item h3 {
    color: #1a200c;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }


.el-icon-more{
text-align: right;
   color: #0b1b0b;
   height: 30%;
}
.dd{
text-align: right;
}
el-menu-item{
  size: 0cm;
  color: #000;
}
.a{
     margin: -17px auto; 
     left: 50%;
}
.el-button {
  line-height: 70px;
    font-size: 17px;
    color: #000;

  width: 260px;
  background-color:#FFF;
  border-radius: 4px

}
  .el-container{
     margin: -10px auto; 
     margin-left: -10px;
     margin-right: -10px;

  }
.el-header,
.el-footer {

  background-color: #ffffff;
  color: #333;
  text-align: center;
  line-height: 60px;
    border-radius: 4px
}

.el-aside {
  background-color: #dee0e4;
  color: #333;
  text-align: center;
  line-height: 200px;
    border-radius: 4px
}

.el-main {
  background-color: #f4f6f9;
  color: #333;

  font-size: 25px;
  text-align: center;
  line-height: 40px;
    border-radius: 4px
}
.home{
  background-color:#f5f7fa

}
.demo-image__lazy{
  height: 440px;
     margin: -10px auto; 
     text-align: center;
}


</style>